<template>
	<section>
		<!-- 工具条 -->
		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
			<el-form :inline="true" :model="filters">
				<el-form-item>
					<el-input
           placeholder="待查询的姓名"></el-input>
				</el-form-item>
				<el-form-item>
					<el-button type="primary" v-on:click="getUsers">查询</el-button>
				</el-form-item>
			</el-form>
		</el-col>

		<!-- 列表 -->
		<el-table :data="userData" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
		style="width: 100%;">
			<el-table-column type="selection" width="55">
      </el-table-column>
			<el-table-column prop="name" label="头像" width="120" >
			</el-table-column>
			<el-table-column prop="addr" label="昵称" min-width="180">
			</el-table-column>
    	<el-table-column prop="addr" label="移动号码" min-width="180">
			</el-table-column>
			<el-table-column label="操作" width="150">
				<template scope="scope">
					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
				</template>
			</el-table-column>
    </el-table>
	</section>
</template>

<script>
import user from './user'
export default {
  ...user
}
</script>

<style lang="less">
@import "./user.less";
</style>





